<template>
  <view-box ref="viewBox">
    <group label-width="2.8rem" label-margin-right="1em">
      <cell title="站点名称：" value="value" value-align="left"></cell>
      <popup-picker title="产品名称：" :data="list" v-model="value5" value-text-align="left"></popup-picker>
      <popup-picker title="标记名称：" :data="list" v-model="value5" value-text-align="left"></popup-picker>
      <popup-picker title="生产厂家：" :data="list" v-model="value5" value-text-align="left"></popup-picker>
      <popup-picker title="产品编号：" :data="list" v-model="value5" value-text-align="left"></popup-picker>
      <cell title="设备类型：" value="value" value-align="left"></cell>
      <cell title="设备编号：" value="value" value-align="left"></cell>
      <cell title="生产厂家电话：" value="value" value-align="left"></cell>
      <cell title="生产厂家日期：" value="value" value-align="left"></cell>
      <cell title="有效日期：" value="value" value-align="left"></cell>
      <cell title="剩余更换时间：" value="value" value-align="left"></cell>
      <x-input title="更换人："  placeholder="请输入更换人姓名"></x-input>
      <datetime title="更换日期:" placeholder="请选择更换日期"  value-text-align="left"></datetime>
      <x-input title="安装厂家：" placeholder="请输入安装厂家名称" ></x-input>
      <x-input title="安装厂家电话："  placeholder="请输入安装厂家电话" ></x-input>

    </group>

    <div class="btn">
      <x-button type="primary" loading>确认</x-button>
    </div>


  </view-box>



</template>

<script>

  import { XButton,ViewBox,GroupTitle, Group, Cell, XInput, Selector, PopupPicker, Datetime, XNumber, ChinaAddressData, XAddress, XTextarea, XSwitch } from 'vux'


  export default {
    components: {
      XButton,
      ViewBox,
      Group,
      GroupTitle,
      Cell,
      XInput,
      Selector,
      PopupPicker,
      XAddress,
      Datetime,
      XNumber,
      XTextarea,
      XSwitch
    },
    mounted(){
      console.log(this.$route.query);
      this.id = this.$route.query.id;
    },
    data () {
      return {
        addressData: ChinaAddressData,
        addressValue: ['广东省', '深圳市', '南山区'],
        value1: '张三',
        value2: '工艺技术',
        value3: '',
        value7: '',
        value8: '',
        value4: '',
        time1: '2017-06-01',
        value5: ['A'],
        value6: [],
        list: [['A', 'B', 'C']],
        numberValue: 0,
        value:'',
        id:0
      }
    },
    methods: {

    }
  }
</script>
<style scoped>
  .btn{
    margin: 20px 10px;
  }
</style>
